<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Title</title>
    <link rel="shortcut icon"  th:href="@{/static/favicon.ico}"/>
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all">
    <script type="text/javascript" src="/layui/jquery-3.5.1.min.js"></script>
    <script src="/layui/layui.js" charset="utf-8"></script>
    <script>
        layui.use(['table','laydate'], function() {
            var table = layui.table
            // form.on('select(test11)', function(data) {
            //     //获取行tr对象
            //     var elem = data.othis.parents('tr');
            //     //获取第一列的值，第一列为ID列，
            //     var id = elem.first().find('td').eq(1).text();
            //     //选择的select对象值；
            //     var selectValue=data.value;
            //     //处理字段更新的逻辑
            // });

        });
    </script>
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
            <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
            <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
        </div>
    </script>
    <script type="text/html" id="selectBar">
        <select  id="test11" lay-filter="test11">
            <option>1</option>
            <option>2</option>
        </select>

    </script>
    <style type="text/css">
        .layui-table-cell {
            overflow: visible !important;
        }
        td .layui-form-select{
            margin-top: -10px;
            margin-left: -15px;
            margin-right: -15px;}
    </style>
<body>
<form>
<table class="layui-table" lay-data="{id:'test' ,toolbar: '#toolbarDemo', defaultToolbar: ['filter', 'exports', 'print']}" lay-filter="test">
    <thead>
        <tr>
            <th lay-data="{field:'no' }"colspan='13'>模板编号</th>
        </tr>
        <tr>
            <th lay-data="{field:'title', align:'center'}" colspan='13'>询价单模板</th>
        </tr>
        <tr>
            <th lay-data="{field:'type', minWidth:140, edit:'text'}">类别</th>
            <th lay-data="{field:'date', edit:'text'}">日期</th>
            <th lay-data="{field:'referenceDate', minWidth:120, edit:'text'}">参照日期</th>
            <th lay-data="{field:'time' , edit:'text'}">时间</th>
            <th lay-data="{field:'context', minWidth:200, edit:'text'}">内容</th>
            <th lay-data="{field:'storageAddress', minWidth:120, edit:'text'}">内容-存储地址</th>
            <th lay-data="{field:'sourceAddress', minWidth:120, edit:'text'}">内容-来源地址</th>
            <th lay-data="{field:'', edit:'text'}"> </th>
            <th lay-data="{field:'role', minWidth:100, edit:'text'}">角色</th>
            <th lay-data="{field:'workLoad', minWidth:60, edit:'text'}">工作量</th>
            <th lay-data="{field:'level', edit:'text'}">层级</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>传真格式</td>
            <td>2021-01-15</td>
            <td>2021-01-14</td>
            <td>10:49</td>
            <td>类别</td>
            <td>05010304-102</td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                <select class="layui-form-select" lay-filter="test11">
                    <option>1</option>
                    <option>2</option>
                </select>
            </td>
            <td>c</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>收件人-单位</td>
            <td>05010304-103</td>
            <td></td>
            <td></td>
            <td></td>
            <td>0.1</td>
            <td>c</td>
        </tr>
    </tbody>
</table>
</form>
</body>
</html>